<template>
   <div class="demo-spin-article">
     <Spin size="large" fix v-if="spinShow">
        <Icon type="load-c" size=18 class="demo-spin-icon-load"></Icon>
        <div>Loading</div>
     </Spin>
   </div>
</template>

<script>
export default {
  data () {
    return {
      spinShow: true
    };
  }
};
</script>

<style>
  .demo-spin-icon-load{
    animation: ani-demo-spin 1s linear infinite;
  }
  @keyframes ani-demo-spin {
    from  { transform: rotate(0deg);}
    50% { transform: rotate(180deg);}
    to  { transform: rotate(360deg);}
  }
  .ivu-spin-fix{
    background-color: #fff;
  }
</style>
